<script lang="ts" setup>
/*
  学习目标：处理类型为null或undefined的情况 -  三种办法

*/

import { ref } from 'vue';

const iptRef = ref<HTMLInputElement | null>(null)



const fn = () => {
  // 👍 1.  加可选链
  //  iptRef.value?.focus()

  // 👍 2. 加逻辑判断 : 类型守卫
  // if (iptRef.value) {
  //   iptRef.value.focus()
  // }

  // 🔔 3. 非空断言!! 谨慎使用
  iptRef.value!.focus()
}
</script>

<template>
  <div>
    <!-- 2. 绑定ref属性 -->
    <input type="text">
    <button @click="fn">点我激活input</button>

  </div>
</template>

<style lang="scss" scoped>

</style>